<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		*{padding: 0;margin: 0;}
		body{background:#000;color:#fff;}
		.box{width:680px;margin: 40px auto;padding:20px 0;text-align: center;border:5px solid #011720;border-radius: 5px;
			box-shadow: 
			inset 2px 0px 10px 7px #353849, 0px 0px 0px 7px #041119, 0 0 40px #ffffff		
		}
		@font-face{
		font-family: myFonts;
		src: url('sszhjt.ttf');
		}
		.box h1{
			font:bold 80px myFonts,microsoft yahei;
			letter-spacing: .1em;
			text-shadow:
			0 0 10px #fff, 
			0 0 20px #fff,
			0 0 30px #fff,
			0 0 40px #ff00de,
			0 0 70px #ff00de,
			0 0 80px #ff00de,
			0 0 100px #ff00de,
			0 0 150px #ff00de;
		}
		.box h2{
			font: 18px "microsoft yahei";
			letter-spacing: .1em;
			text-shadow:
			0 0 2px #ff00de,
			0 0 5px #ff00de;
		}
	</style>
</head>
<body>
	<div class="box">
		<h1>格莱科技云平台</h1>
		<h2>互联网+时代学习系统,突破传统教与学，合理利用碎片化学习时间!</h2>
	</div>
</body>
</html>